<!DOCTYPE html>

<html>
    <head><title>Formulario web</title>
        <link href="css/estilo2.css" type="text/css" rel="Stylesheet">
        <script type="text/javascript" src="js/jquery-1.9.1.js"></script>
        <script type="text/javascript" src="js/efectoform.js"></script>
    </head>
    <body>

        <div class="web">
            <header>Agregar usuario</header>
            <?php
            include 'Components/menu.html';
            ?>
            <div id="datosCliente">
                <div class="espacio"><label>Clientes</label> </div>
                <form method="post" action="connection.php" enctype="multipart/form-data">
                    <fieldset>
                        <legend>Datos cliente</legend>
                        <div class="left">
                            <label for="name">Nombres: <span>*</span></label><input type="text" name="name" id="name" required><br>
                        </div>

                        <div class="right">
                            <label for="lastName">Apellidos: <span>*</span></label><input type="text" name="lastName" id="lastName" required><br>
                        </div>

                        <div class="left">
                            <label for="id">C&eacute;dula: <span>*</span></label><input type="text" name="id" id="id" required><br>
                        </div>

                        <div class="right">
                            <label for="date">Fecha nacimiento: <span>*</span></label><input type="date" name="date" id="date" required><br>
                        </div>

                        <div class="left">
                            <label for="genere">Sexo: <span>*</span></label>
                            <input for="genere" type = "radio"  name="genero" Id = "genere" value = "masculino" checked = "checked" /><label for="genere">Masculino</label>
                            <input for="genere" type = "radio"  name="genero" Id = "genere" value = "femenino"/><label for="genere">Femenino</label>
                        </div>

                        <div class="right">
                            <label for="children">N&uacute;mero de hijos: <span>*</span></label><input type="number" name="children" id="children" min="0" max="10" required><br>
                        </div>

                        <div class="left">
                            <label for="email">Correo electr&oacute;nico: <span>*</span></label><input type="text" name="email" id="email" required placeholder="ejemplo@correo.com"><br>
                        </div>
                        <div class="right">
                            <label for="imagen">Im&aacute;gen: <span>*</span></label><input type="file" name="imagen" id="imagen" value="imagen" required>
                        </div>
                    </fieldset>
                    <div class="left">
                        <div class="btn1">
                            <label for="enviar"></label><input type="submit" name="enviar" id="enviar" value="Enviar cliente"><br>
                        </div>
                    </div>
                </form> 
            </div>


            <div id="activosD">
                <div class="espacio"><label>Activos</label></div>
                <form method="post" action="connection.php" href="reload()">
                    <fieldset>

                        <legend>Datos activos</legend>
                        <div class="left">
                            <label for="idCliente">Id cliente: <span>*</span></label><input type="text" name="idCliente" id="idCliente" required><br>
                        </div>

                        <div class="right">
                            <label for="idActive">Id Activo: <span>*</span></label><input type="text" name="idActive" id="idActive" required><br>
                        </div>

                        <div class="left">
                            <label for="activeType">Tipo de activo: <span>*</span></label><select name="activeType" id="activeType" required>
                                <option value ="">-</option>
                                <option value ="Casa">Casa
                                <option value ="Apartamento">Apartamento
                                <option value ="Finca">Finca
                                <option value ="Local">Local
                                <option value ="Automovil">Autom&oacute;vil
                                <option value ="Motocicleta">Motocicleta
                            </select>
                            <br>
                        </div>

                        <div class="right">
                            <label for="category">Categor&iacute;a: <span>*</span></label><select name="category" id="category" required>
                                <option value ="">-</option>
                                <option value ="Activo corriente">Activo corriente</option>
                                <option value ="Activo no corriente">Activo no corriente</option>
                                <option value ="Activo financiero">Activo financiero</option>
                                <option value ="Activo fijo">Activo fijo</option>
                                <option value ="Activo subyacente">Activo subyacente</option>
                                <option value ="Activo funcional">Activo funcional</option>
                            </select><br>
                        </div>

                        <div class="left">
                            <label for="marc">Marca: <span>*</span></label><input type="text" name="marc" id="marc" required><br>
                        </div>

                        <div class="right">
                            <label for="model">Modelo: <span>*</span></label><input type="text" name="model" id="model" required><br>
                        </div>

                        <div class="left">
                            <label for="description">Descripci&oacute;n: <span>*</span></label><br><textarea id="description" name="description" rows="3" cols="20" placeholder= "Escriba las caracter&iacute;sticas" required></textarea><br>
                        </div>


                        <div class="right">
                            <label for="notes">Notas: </label><br><textarea id="notes" name ="notes" rows="3" cols="20" placeholder="Escriba aqu&iacute; los comentarios"></textarea><br>
                        </div>
                    </fieldset>
                    <div class="left">
                        <div id="btn1">
                            <label for="enviarA"></label><input type="submit" name="enviarA" id="enviarA" value="Enviar activo">
                        </div>
                    </div>
                </form>

            </div>
            <div class="right">
                <div id="siguiente">
                    <button>Siguiente</button>
                </div>
            </div>
            <div class="right">
                <div id="atras"><button>Atr&aacute;s</button>
                </div>
            </div>
            </div>

        </div>

    </body>

</html>

